<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
    <head>
        <!-- Standard Meta -->
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="renderer" content="webkit"/>
        <!-- 适配360浏览器，采用chrome内核 -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

        <!-- Site Properties -->
        <title>考生动态去向-高考志愿通</title>
        <link rel="stylesheet" type="text/css" href="//www.gaokaozyt.cn/css/semantic.css">

        <style>
            .ui.items.major {
                padding-left: 48px;
            }

			p > span:first-child {
				font-weight: bold !important;
				font-weight: 700;
				color: #666;
			}
            p > span:not(:first-child) {
                margin-left: 24px;
                font-weight: 400;
                color: #333;
                padding-left: 0px;
            }

            div > span:not(:first-child) {
                margin-left: 24px;
            }

            .ui.definition.table tr td:nth-child(odd) {
                font-weight: bold !important;
                padding: 0 5px 0 12px;
                font-weight: 700;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-wrap: normal;
                color: #666;
                text-align: right;
                background: none !important;
            }
            
            @media only screen and (max-width: 767px) {
                .ui.definition.table tr td:nth-child(odd) {
                text-align: left;
            }
            }

            .ui.definition.table tr td:nth-child(even) {
                font-weight: 400;
                color: #333;
                padding-left: 0px;
            }

            .ui.definition.table td:nth-child(2) {
                border-left: none !important;
            }

            .ui.definition.table tr td:first-child {
                background: none !important;
            }
            .ui.table {
            }
        </style>
    </head>
    <body style="background:url(//www.gaokaozyt.cn/img/bg.png) repeat;">
        <div class="ui vertical masthead segment">
            <div class="ui container">
                <h2 class="ui dividing center aligned header" style="margin-top:24px;margin-bottom:24px;padding-bottom:16px;">高考志愿通网报方案</h2>
                <div class="ui teal segment">
                    <a class="ui red ribbon label">考生个人档案</a>
                    <div class="ui stackable grid" style="margin-top:4px;">
                        <div class="sixteen wide column">
                            <p style="margin-left:24px;">
                                <span>姓名：</span><span>${user.name }</span>
                            </p>
                            <p style="margin-left:24px;">
                                <span>科类：</span><span>${solutionView.subject }</span>
                            </p>
                            <p style="margin-left:24px;">
                                <span>考分：</span><span>${solutionView.score16 }</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="ui teal segment">
                    <a class="ui red ribbon label">成绩转化信息</a>
                    <div class="ui teal grid middle aligned center aligned stackable" style="margin-top:4px;">
                        <div class="doubling row">
                            <div class="six wide column">
                                <div class="ui small orange statistic" id="ranking">
                                    <div class="value">
                                        ${solutionView.ranking }
                                    </div>
                                    <div class="label">
                                        您的分位次
                                    </div>
                                </div>
                            </div>
                            <div class="ten wide column">
                                <div class="ui tiny orange three statistics" id="scoreThreeYear">
                                    <div class="statistic">
                                        <div class="value">
                                            ${solutionView.score15 }
                                        </div>
                                        <div class="label">
                                            15年的分数
                                        </div>
                                    </div>
                                    <div class=" statistic">
                                        <div class="value">
                                            ${solutionView.score14 }
                                        </div>
                                        <div class="label">
                                            14年的分数
                                        </div>
                                    </div>
                                    <div class="statistic">
                                        <div class="value">
                                            ${solutionView.score13 }
                                        </div>
                                        <div class="label">
                                            13年的分数
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ui teal segment">
                    <a class="ui red ribbon label">冒险方案</a>
                    <div class="ui middle aligned stackable grid"  style="margin-top:4px;">
                    	<c:forEach var="entry" items="${high }">
                    		<c:set var="college" value="${entry.key}"></c:set>
                    		<c:set var="majors" value="${entry.value}"></c:set>
                    		<div class="row">
                            <div class="ten wide column">
                                <div class="ui left aligned huge header">
                                    ${college.college_name }
                                    <c:if test="${college.qualification_211 == 1 }"><a href="#" class="ui orange circular label">211</a></c:if>
									<c:if test="${college.qualification_985 == 1 }"><a href="#" class="ui orange circular label">985</a></c:if>
									<c:if test="${college.qualification_graduate == 1 }"><a href="#"	class="ui orange circular label">研究生院</a></c:if>
                                </div>
                            </div>
                            <div class="six wide column">
                                <div class="ui bordered tiny images">
                                    <img class="ui  tiny image" src="${college.zyt_url }">
                                    <img class="ui tiny image" src="${college.baike_url }">
                                    <img class="ui tiny image" src="${college.gaokao_url }">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="sixteen column">
                                <table class="ui definition table">
                                    <tbody>
                                        <tr>
                                            <td class="collapsing">院校代码：</td>
                                            <td>${college.college_code }</td>
                                            <td>办学类型：</td>
                                            <td>${college.principle }</td>
                                            <td>院校类型：</td>
                                            <td>${college.type }</td>
                                            <td>办学层次：</td>
                                            <td>${college.education_level }</td>
                                        </tr>
                                        <tr>
                                            <td>所属地区：</td>
                                            <td>${college.location }</td>
                                            <td>公办/民办：</td>
                                            <td>${college.owner_type }</td>
                                            <td>校友会排名：</td>
                                            <td>${college.otherOrder }</td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <c:forEach var="major" items="${majors }">
                        	<div class="row">
                            <div class="sixteen wide column">
                                <div class="ui divided items">
                                    <div class="item">
                                        <div class="content">
                                            <div class="header">
                                                ${major.major_name }
                                            </div>
                                            <div class="description">
                                                <table class="ui definition table">
                                                    <tbody>
                                                        <tr>
                                                            <td class="collapsing">专业代码：</td>
                                                            <td>${major.major_code }</td>
                                                            <td>批次：</td>
                                                            <td>${major.batch }</td>
                                                            <td>风险等级：</td>
                                                            <td>${major.water_mark }</td>
                                                            <td>招生计划：</td>
                                                            <td>${major.enrollPlan }</td>
                                                            <td>学费：</td>
                                                            <td>${major.charge }</td>
                                                            <td>办学地点：</td>
                                                            <td>${major.location }</td>
                                                            <td>招生大本页码：</td>
                                                            <td>${major.planBookPage }</td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">录取规则一句话：</td>
                                                            <td colspan="12">${major.enrollRule }</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div><!-- item end -->
                                </div><!-- items end -->
                            </div>
                        </div><!-- row end -->
                        </c:forEach>
                    	</c:forEach>
                        
                    </div><!-- grid end -->
                </div><!-- segment end -->
                <div class="ui teal segment">
                    <a class="ui red ribbon label">适中方案</a>
                    <div class="ui middle aligned stackable grid"  style="margin-top:4px;">
                    	<c:forEach var="entry" items="${mid }">
                    		<c:set var="college" value="${entry.key}"></c:set>
                    		<c:set var="majors" value="${entry.value}"></c:set>
                    		<div class="row">
                            <div class="ten wide column">
                                <div class="ui left aligned huge header">
                                    ${college.college_name }
                                    <c:if test="${college.qualification_211 == 1 }"><a href="#" class="ui orange circular label">211</a></c:if>
									<c:if test="${college.qualification_985 == 1 }"><a href="#" class="ui orange circular label">985</a></c:if>
									<c:if test="${college.qualification_graduate == 1 }"><a href="#"	class="ui orange circular label">研究生院</a></c:if>
                                </div>
                            </div>
                            <div class="six wide column">
                                <div class="ui bordered tiny images">
                                    <img class="ui  tiny image" src="${college.zyt_url }">
                                    <img class="ui tiny image" src="${college.baike_url }">
                                    <img class="ui tiny image" src="${college.gaokao_url }">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="sixteen column">
                                <table class="ui definition table">
                                    <tbody>
                                        <tr>
                                            <td class="collapsing">院校代码：</td>
                                            <td>${college.college_code }</td>
                                            <td>办学类型：</td>
                                            <td>${college.principle }</td>
                                            <td>院校类型：</td>
                                            <td>${college.type }</td>
                                            <td>办学层次：</td>
                                            <td>${college.education_level }</td>
                                        </tr>
                                        <tr>
                                            <td>所属地区：</td>
                                            <td>${college.location }</td>
                                            <td>公办/民办：</td>
                                            <td>${college.owner_type }</td>
                                            <td>校友会排名：</td>
                                            <td>${college.otherOrder }</td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <c:forEach var="major" items="${majors }">
                        	<div class="row">
                            <div class="sixteen wide column">
                                <div class="ui divided items">
                                    <div class="item">
                                        <div class="content">
                                            <div class="header">
                                                ${major.major_name }
                                            </div>
                                            <div class="description">
                                                <table class="ui definition table">
                                                    <tbody>
                                                        <tr>
                                                            <td class="collapsing">专业代码：</td>
                                                            <td>${major.major_code }</td>
                                                            <td>批次：</td>
                                                            <td>${major.batch }</td>
                                                            <td>风险等级：</td>
                                                            <td>${major.water_mark }</td>
                                                            <td>招生计划：</td>
                                                            <td>${major.enrollPlan }</td>
                                                            <td>学费：</td>
                                                            <td>${major.charge }</td>
                                                            <td>办学地点：</td>
                                                            <td>${major.location }</td>
                                                            <td>招生大本页码：</td>
                                                            <td>${major.planBookPage }</td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">录取规则一句话：</td>
                                                            <td colspan="12">${major.enrollRule }</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div><!-- item end -->
                                </div><!-- items end -->
                            </div>
                        </div><!-- row end -->
                        </c:forEach>
                    	</c:forEach>
                        
                    </div><!-- grid end -->
                </div><!-- segment end -->
                <div class="ui teal segment">
                    <a class="ui red ribbon label">保底方案</a>
                    <div class="ui middle aligned stackable grid"  style="margin-top:4px;">
                    	<c:forEach var="entry" items="${low }">
                    		<c:set var="college" value="${entry.key}"></c:set>
                    		<c:set var="majors" value="${entry.value}"></c:set>
                    		<div class="row">
                            <div class="ten wide column">
                                <div class="ui left aligned huge header">
                                    ${college.college_name }
                                    <c:if test="${college.qualification_211 == 1 }"><a href="#" class="ui orange circular label">211</a></c:if>
									<c:if test="${college.qualification_985 == 1 }"><a href="#" class="ui orange circular label">985</a></c:if>
									<c:if test="${college.qualification_graduate == 1 }"><a href="#"	class="ui orange circular label">研究生院</a></c:if>
                                </div>
                            </div>
                            <div class="six wide column">
                                <div class="ui bordered tiny images">
                                    <img class="ui  tiny image" src="${college.zyt_url }">
                                    <img class="ui tiny image" src="${college.baike_url }">
                                    <img class="ui tiny image" src="${college.gaokao_url }">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="sixteen column">
                                <table class="ui definition table">
                                    <tbody>
                                        <tr>
                                            <td class="collapsing">院校代码：</td>
                                            <td>${college.college_code }</td>
                                            <td>办学类型：</td>
                                            <td>${college.principle }</td>
                                            <td>院校类型：</td>
                                            <td>${college.type }</td>
                                            <td>办学层次：</td>
                                            <td>${college.education_level }</td>
                                        </tr>
                                        <tr>
                                            <td>所属地区：</td>
                                            <td>${college.location }</td>
                                            <td>公办/民办：</td>
                                            <td>${college.owner_type }</td>
                                            <td>校友会排名：</td>
                                            <td>${college.otherOrder }</td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <c:forEach var="major" items="${majors }">
                        	<div class="row">
                            <div class="sixteen wide column">
                                <div class="ui divided items">
                                    <div class="item">
                                        <div class="content">
                                            <div class="header">
                                                ${major.major_name }
                                            </div>
                                            <div class="description">
                                                <table class="ui definition table">
                                                    <tbody>
                                                        <tr>
                                                            <td class="collapsing">专业代码：</td>
                                                            <td>${major.major_code }</td>
                                                            <td>批次：</td>
                                                            <td>${major.batch }</td>
                                                            <td>风险等级：</td>
                                                            <td>${major.water_mark }</td>
                                                            <td>招生计划：</td>
                                                            <td>${major.enrollPlan }</td>
                                                            <td>学费：</td>
                                                            <td>${major.charge }</td>
                                                            <td>办学地点：</td>
                                                            <td>${major.location }</td>
                                                            <td>招生大本页码：</td>
                                                            <td>${major.planBookPage }</td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2">录取规则一句话：</td>
                                                            <td colspan="12">${major.enrollRule }</td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div><!-- item end -->
                                </div><!-- items end -->
                            </div>
                        </div><!-- row end -->
                        </c:forEach>
                    	</c:forEach>
                        
                    </div><!-- grid end -->
                </div><!-- segment end -->
            </div><!-- container end -->
        </div><!-- segment end -->
    </body>
</html>
